@charset "utf-8";
/* CSS Document */
li{list-style:none}
html{height: 100%}
body{height: 100%;}
html,body{ width:100%;background: #f2f2f2; overflow-x:hidden;   font-family: Segoe UI,Segoe UI Web,Segoe UI Symbol,Helvetica Neue,BBAlpha Sans,S60 Sans,Arial,sans-serif,Microsoft YaHei; color:#8b8b8b; }

/***courselist page***/
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{zoom:1;}
a:hover,a:active{ text-decoration:none }
.container-fluid{ padding: 0; height: 100%; position: relative; }
.container-fluid .row-fluid{min-height: 100%; position: relative; }
.container-fluid .navlist{ position: absolute; left: 0; top:0;  background: #004881;min-height: 100%; color:#fff; min-width: 180px; }
.container-fluid .navlist a{ color:#fff; }
.navlist ul{ margin: 0; }
.nav-header{padding: 50px 0; text-align: center;}
.nav-header img{ width: 90px; height: 90px;  border-radius: 45px; display: block; margin:0 auto;   }
.nav-header span{ display:  block; color:#fff;line-height: 50px; text-shadow: none; }
.nav-header a.exit{ height: 30px; line-height: 30px; color:#fff; border-radius: 1rem; padding: 0 30px; display:inline-block; border: #fff 1px solid; text-shadow: none;  }
.nav-header a.exit:hover{ color:#004881; background: #fff; }
.navlist .accordion{border-bottom: #477ba4 1px solid;}
.navlist .accordion-group{ border: none; border-top: #477ba4 1px solid; }
.navlist .accordion-heading .accordion-toggle{ padding: 12px 30px; line-height: 20px; }
.navlist .accordion-heading .accordion-toggle span{ line-height: 24px; color:#fff; }
[class^="icon-"],[class*=" icon-"]{ width:24px; height: 24px; background:url(../images/icons.png) no-repeat;  }
.navlist .accordion-heading .accordion-toggle i.icon-1{ background-position: 0 -6px; }
.navlist .accordion-heading .accordion-toggle i.icon-2{ background-position: 0 -44px; }
.navlist .accordion-heading .accordion-toggle i.icon-3{ background-position: 0 -85px; }
.navlist .accordion-heading .accordion-toggle i.icon-4{ background-position: 0 -125px; }
.navlist .accordion-heading .accordion-toggle i.icon-5{ background-position: 0 -165px; }
.navlist .accordion-heading .accordion-toggle i.icon-6{ background-position: 0 -205px; }
.navlist .accordion-heading .accordion-toggle i.icon-7{ background-position: 0 -245px; }
.navlist .accordion-inner{ border-top: #477ba4 1px solid; padding:0; height: 44px; background: #004072; color:#fff;overflow:hidden;}
.navlist .accordion-inner a{ display: block;padding: 12px 30px 12px 54px; line-height: 20px; white-space:nowrap;}
.navlist .accordion-inner a.navchecked{ background: #022846; }
.row-fluid .span10{ min-width: 1000px; margin-left: 15% }
.pagetop{ height: 60px; display: block; background: #0078d7; }
.pagetop img.logo{ height: 30px; margin: 15px 30px;}
.pagetop .user{ float: right; display: inline; position: relative; }
.pagetop .btn-group{ float: right; display: inline; margin-right: 5% }
.pagetop .btn {color:#fff;display: inline-block;padding: 20px 20px;margin-top: 0px;margin-left: 0px;ont-size: 14px;line-height: 20px;text-align: center;text-shadow: none;vertical-align: middle;cursor: pointer;background: transparent;border-left: none;border-right: none;border-top: 0px;border-bottom: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;}

.pagetop a.btn  {color: #fff !important;text-shadow: none !important;padding: 15px 25px !important;}
.pagetop .btn .caret {border-top-color: #fff !important;border-bottom-color: #fff !important;}
.pagetop .btn:hover .caret {border-top-color: #fff !important;border-bottom-color: #fff !important;}
.btn-group.open .btn.dropdown-toggle{background-color:#0078d7;}
.dropdown-menu>li>a:hover{ background: #0078d7; }
.boxtit{border-bottom: #bbbbbb 1px solid;height: 75px;}
.span12 .tit{ font-size: 40px;  line-height: 75px;float: left; display: inline;    font-weight: 200; }
.span10 .pagecon{ margin: 0 2%; }
.dropdown-menu .divider{ border-bottom: #ccc 1px solid; }
.pagecon .searchbox{ height: 35px; z-index: 2; float: right; display: inline; margin-top: 20px  }
.searchbox .btn-group{ float: right; display: inline; float: left; display: inline;}
.searchbox .btn {color:#4d4d4d;display: inline-block;padding: 8px 50px 7px;margin-top: 0px;margin-left: 0px;ont-size: 14px;line-height: 20px;text-align: center;text-shadow: none;vertical-align: middle;cursor: pointer;background: transparent;border-left: none;border-right: none;border-top: 0px;border-bottom: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important; background: #d7d7d7;}
.searchbox  a.btn  {color: #4d4d4d !important;text-shadow: none !important;padding: 15px 25px !important;}
.searchbox .btn .caret {border-top-color: #fff !important;border-bottom-color: #fff !important;}
.searchbox .btn:hover .caret {border-top-color: #fff !important;border-bottom-color: #fff !important;}

.searchbox input{width: 207px; height: 35px;  background: #fff; border: none; padding: 0 2%;float: left; display: inline; }
.searchbox button.searchbtn{ width: 37px;height: 35px;   background:url(../images/searchico.jpg) center no-repeat #fcd116; text-indent: -9999px; overflow: hidden; border: none;float: left; display: inline;}

.coursemanage{ background: #fff; margin-top: 20px; box-shadow:5px 5px  0px #e2e2e2 ; }
.coursecon{ padding: 20px }

.coursecon .courseimg{ height: 100%; float: left; display: inline; }
.coursecon .txt{float: left; display: inline; margin-left: 20px;}
.coursecon .txt .coursetit{ font-size: 20px; line-height: 30px; margin-bottom: 15px; display: block; color:#4d4d4d; }
.coursecon .txt p{ line-height: 26px; }
.coursecon .operate{ float: right; display: inline; height: 38px; line-height: 38px; margin-top: 65px;  }
.operate a{ width: 38px; height: 38px; float: left; display: inline; margin-right: 20px; }
/* 1 ： 笔   2：加  3：人  4：眼  5：删除  8：锁  9 ： 解锁  10 ： 发布  11：取消发布  12：统计 */
.operate a.op_1{ background:url(../images/courseoperate2.png) 0 0 no-repeat; }
.operate a.op_2{ background:url(../images/courseoperate2.png) -54px 0 no-repeat; }
.operate a.op_3{ background:url(../images/courseoperate2.png) -108px 0 no-repeat; }
.operate a.op_4{ background:url(../images/courseoperate2.png) -162px 0 no-repeat; }
.operate a.op_5{ background:url(../images/courseoperate2.png) -216px 0 no-repeat; }
.operate a.op_6{ background:url(../images/nocheck.png) 0 0 no-repeat; }
.operate a.op_6checked{ background:url(../images/checked.png) 0 0 no-repeat; }
.operate a.op_7{ background:url(../images/fb.png) 0 0 no-repeat; }
/*add by yxb*/

.operate a.op_8{ background:url(../images/courseoperate2.png) -270px 0 no-repeat; }
.operate a.op_9{ background:url(../images/courseoperate2.png) -324px 0 no-repeat; }
.operate a.op_10{ background:url(../images/courseoperate2.png) -377px 0 no-repeat; }
.operate a.op_11{ background:url(../images/courseoperate2.png) -431px 0 no-repeat; }
.operate a.op_12{ background:url(../images/courseoperate2.png) -485px 0 no-repeat; }
.operate a.op_13{ background:url(../images/courseoperate2.png) -539px 0 no-repeat; }


.pagination{ float: right; display: inline; margin-top: 40px; }
.pagination ul{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.pagination ul>li>a, .pagination ul>li>span{ color:#0072c6;border: none;  background: none; padding: 4px 8px; }
.pagination ul>li>a.prev,.pagination ul>li>a.next{ border: none; width: 25px; height: 25px; padding: 0; text-indent: -9999999999px; overflow: hidden;}
.pagination ul>li>a.prev{ background:url(../images/pageico_l.png) center #0072c6 no-repeat; border-radius:14px; margin-right: 5px;  }
.pagination ul>li>a.next{ background:url(../images/pageico_r.png) center #0072c6 no-repeat; border-radius:14px;margin-left: 5px;  }
.pagination ul>li>a:hover{ text-decoration: underline; }

.footer{ text-align: center; padding: 0px 0 20px; display: block; }

.pagecon{min-height:845px; height:auto!important; height:845px;}
.pagecon .datatit{ height: 40px; line-height: 40px; margin-top: 20px; display: block; font-weight: 400; font-size: 16px; }
.pagecon .datatit em{ float: right; font-style: normal; }
.coursewarecon{ padding: 20px }
.coursewarecon .datatxt{float: left; display: inline; margin-left: 20px;}
.coursewarecon .datatxt input.coursetit{ height: 32px; border: none; box-shadow: none; color:#0072c6; display: inline-block; border-bottom: #0072c6 1px dashed; font-size: 16px; font-weight: 600; line-height: 32px;  }
.coursewarecon .datatxt p{ line-height: 26px; margin: 0 ; }
.coursewarecon  span.num{ width: 36px; height: 36px; line-height: 36px; margin-top: 30px; background: #0d7ac9; border-radius: 18px; color:#fff; font-size: 18px; font-weight: 700; float: left; display: inline; text-align: center;  margin-left: 25px; }
.coursewarecon .operate{ float: right; display: inline; height: 38px; line-height: 38px; margin-top: 28px;  }
.pagecon .commonbtn{ width: 208px; height: 44px; line-height: 44px; font-size: 16px; text-align: center; display: inline-block; margin: 0 auto; background: #0072c6; color:#fff; margin-top: 33px; }
.coursewarecon  span.play{ width: 36px; height: 36px; background:url(../images/playico.png) 0 0 no-repeat; margin-top: 30px; text-indent: -999999px; overflow: hidden; color:#fff; font-size: 18px; font-weight: 700; float: left; display: inline; text-align: center;  margin-left: 25px; }

.pagecon .courserate{ height: 34px; display: block;line-height: 34px; margin-top: 25px; }
.pagecon .courserate span{ width: 250px; float: left; display: inline;background:url(../images/coursedit.png) right center no-repeat;  text-align: center; position: relative;cursor:pointer }
.pagecon .courserate span.curr{ color:#fff; background:url(../images/courseditcurr.png) right center no-repeat;}
.pagecon .courserate span:nth-child(1){  z-index: 3 ; border-left: #cccccc 1px solid;}
.pagecon .courserate span:nth-child(2){ z-index: 2; left: -23px; }
.pagecon .courserate span:nth-child(3){ z-index: 1; left: -46px; }

.pagecon .courseform{ margin-top: 25px; }
.pagecon .courseform label{ display: block; float: none; text-align: left; }
.courseform .form-horizontal .controls{ margin-left: 0; margin-top: 10px; }
.courseform label{ color:#5a5959; }
.courseform input{ width: 554px; height: 35px; border: #ccc 1px solid; padding-left: 10px; }
.courseform textarea{ width: 554px; height: 100px; border: #ccc 1px solid; padding-left: 10px; }
.courseform .btn-group{ width: 554px;border: #ccc 1px solid;  }
.courseform .btn {color:#4d4d4d;display: inline-block;padding: 8px 50px 7px;margin-top: 0px;margin-left: 0px;font-size: 14px;line-height: 20px;text-align: center;text-shadow: none;vertical-align: middle;cursor: pointer;background: transparent;border-left: none;border-right: none;border-top: 0px;border-bottom: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important; background: #d7d7d7;}
.courseform .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){ background: #fff; width: 529px;  text-align: left; padding: 8px 10px 7px;}
.courseform  a.btn  {color: #4d4d4d !important;text-shadow: none !important;padding: 15px 25px !important;}
.courseform .btn .caret {border-top-color: #fff !important;border-bottom-color: #fff !important;}
.courseform .btn:hover .caret {border-top-color: #fff !important;border-bottom-color: #fff !important;}
.courseform .dropdown-menu{ width: 554px; }
.courseform button.submitbtn{ border: none; width: 208px; height: 44px; line-height: 44px; font-size: 16px; text-align: center; display: block;  background: #0072c6; color:#fff; margin-top: 33px;}

.courseform .accordion{ width: 703px;}
.courseform .accordion-group{ border: none;  }
.courseform .accordion-heading .accordion-toggle{ padding: 6px 50px; line-height: 20px;color:#fff; background:url(../images/jt2.jpg) 0 0 no-repeat #0072c6; }
.courseform .accordion-heading .accordion-toggle.collapsed{background:url(../images/jt3.jpg) 0 0 no-repeat #0072c6; }
.courseform .accordion-heading .accordion-toggle span{ line-height: 24px; color:#fff; }
.courseform .accordion-inner{  padding: 6px 30px 6px 54px; line-height: 20px;  color:#666666; border: none}
.courseform button.returnbtn{ border: #0072c6 1px solid; width: 208px; height: 42px; line-height: 42px; font-size: 16px; text-align: center; display: block;  background:none; color:#0072c6; float: left; display: inline; margin-right: 287px; margin-bottom: 40px;}
a.addcoursebtn{ width: 160px; height:37px; line-height: 32px;  border: #ccc 1px solid; padding-right: 25px; text-align: center; display: inline-block; vertical-align: top;  color:#fff; background:url(../images/addico.png) 132px 9px no-repeat #0072c6; margin-left: 5px; }

.courseform .editbox{border: #ccc 1px solid; line-height: 35px;  border-bottom: none; color:#585858; }
.editbox .editit { height: 35px; display: block;border-bottom: #ccc 1px solid; padding: 0 0 0 10px  }
.editbox .editit a{ float: right; display: inline; padding-right: 10px; }
.editbox .editit a.checkbtn{ background:url(../images/courseeidt.png) left center no-repeat; padding-left: 25px; }
.editbox .editit a.checkbtn.checked{background:url(../images/courseeidted.png) left center no-repeat;}
.editbox ol{ margin: 0; }
.editbox li{ background: #fff; height: 45px; line-height: 45px; display:block;border-bottom: #ccc 1px solid; }
.editbox li span{ margin-left: 10px;  height: 45px; line-height: 45px; display: inline-block; }
.editbox li a.delect{ background:url(../images/delectico.png) center no-repeat; float: right; display: inline; width: 45px; height: 45px; text-indent: -9999px; overflow: hidden;  } 
.editbox li a.add{ background:url(../images/addico2.png) center no-repeat; float: right; display: inline; width: 45px; height: 45px; text-indent: -9999px; overflow: hidden;  }
.editbox .searchbox{ margin-top: 0; }
.editbox .searchbox input{  width: 200px; border-radius: 0; border-top: none; }
.editbox a.addcoursebtn{ width: 100%;  height:45px;line-height: 45px; border-top: none; margin-left: 0; background-position: 62% center;}
.chap_1{ padding-left: 35px; background:url(../images/classico.png) left center no-repeat; background-size: auto 26px; }
.chap_2{ padding-left: 35px; background:url(../images/classico2.png) left center no-repeat; background-size: auto 26px; }
.chap_3{ padding-left: 35px; background:url(../images/classico3.png) left center no-repeat; background-size: auto 26px; }
.chap_4{ padding-left: 35px; background:url(../images/classico4.png) left center no-repeat; background-size: auto 26px; }
 .editbox .list-group-item{ padding: 0; margin-bottom: 0; border: none; border-bottom: #ccc 1px solid;}
 .pagecon .searchbox2{ float: none;  display: block }
 .pagecon .searchbox2 input{ width: 500px; }
.pagecon .addbox li label{ float: left; line-height: 45px; }
/*
.pagecon .courseform  button.cancelbtn{ background: #ffffff; border: #ccc 1px solid; width: 208px; height: 44px; line-height: 44px; font-size: 16px; text-align: center; display: inline; float: left; }
.pagecon .courseform  button.addbtn{color:#fff; background: #0072c6; border: #ccc 1px solid; width: 208px; height: 44px; line-height: 44px; font-size: 16px; text-align: center; display: inline; float: right; }
.pagecon .courseform  button.savebtn{ background: #00b0f0; border: #ccc 1px solid; width: 208px; height: 44px; line-height: 44px; font-size: 16px; text-align: center; display: inline; position:relative;left:25%;}
*/

.modal{bottom:auto; padding-right: 0 !important;}
/*
.modal  .modal-header{ background: #0078d7; color:#fff; font-weight: normal; padding: 0 0 0 20px;}
.modal  .modal-header h3{font-weight: normal; font-size: 18px; line-height: 50px;}  
.modal  .modal-header button.close{ background:url(../images/close.png)  center no-repeat; width: 50px; height: 50px; }
*/

.editbox li span.glyphicon{ background:url(../images/moveico.jpg) center  no-repeat; text-indent: -99999px; overflow: hidden; display:block; float: left; width: 19px; }
.posterlist li{ float: left; display: inline; margin-bottom: 10px }
.dropdown-menu.posterlist>li>a{ padding: 0; margin-left: 10px; }
.btn .caret.posterico{margin-top: 52px;}
.courseform .btn.posterbtn{ line-height: 102px; }


.row-fluid .chaptercon{ border-bottom: #bbbbbb 1px solid; padding-bottom: 30px; margin-bottom: 30px; }

.row-fluid .chaptertit,.row-fluid .sectiontit,.row-fluid .chaptertit_1,.row-fluid .sectiontit_1{ margin:0px 0 0 ; padding-right: 50px;}
.row-fluid .chaptertit em,.row-fluid .sectiontit em,.row-fluid .chaptertit_1 em,.row-fluid .sectiontit_1 em{ float: right; display: inline; font-style: normal; text-align: right; padding-right: 10px; }
.row-fluid .chapter{ background:url(../images/ico5.png) left center no-repeat #7266ba; height: 32px;line-height: 32px; padding-left: 32px; color:#fff; margin-bottom: 10px; }
.row-fluid .section{margin-left: 25px; background:url(../images/ico6.png) left center no-repeat #0073c6; height: 32px;line-height: 32px; padding-left: 32px; color:#fff;margin-bottom: 10px;  }
.row-fluid .chaptertit_1 .chapter{ margin-left: 25px;}
.row-fluid .sectiontit_1 .section{margin-left: 50px; }
.row-fluid .sectiontit,.row-fluid .chaptertit_1{ background:url(../images/libg.jpg) 0 center no-repeat; }
.row-fluid .sectiontit_1{ background:url(../images/libg.jpg) 25px center no-repeat; }



.row-fluid .chapterresource{ margin:0px 0 0 }
.row-fluid .chapterresource span{ display: block; height: 32px; margin-bottom: 10px; }
.row-fluid .chapterresource span img{ width: 20px; margin-top: 4px; margin-left: 10px }

.span6 .pagination{ float:none; margin-top: 10px; display: block; text-align: center; }
.formbox{display: block; clear: both; font-size:14px; }
.formbox p{ line-height: 33px; }
.formbox p label{ display: inline-block; width: 90px; }
.formbox p input.text_in{ width: 100px; height: 33px; border: none; margin:0 10px; display: inline-block; background: #fff; text-align: center; }
.formbox p input.checkbox_in{ margin: 0 10px 0 0; width: 17px; height: 17px; background:url(../images/checkbox.png) 0 0 no-repeat; }
a.addcoursewear{ height: 45px; line-height: 45px; display: block; background:url(../images/addico3.png) center no-repeat #0d7ac9;border: #bbbbbb 1px solid; border-top: none; }

/*create by yxb */
.formbox{display: block; clear: both; font-size:14px; }
.formbox p{ line-height: 33px; }
.formbox p label{ display: inline-block; width: 90px; }
.formbox p input.text_in{ width: 100px; height: 33px; border: none; margin:0 10px; display: inline-block; background: #fff; text-align: center; }
.formbox p input.checkbox_in{ margin: 0 10px 0 0; width: 17px; height: 17px; background:url(../images/checkbox.png) 0 0 no-repeat; }
a.addcoursewear{ height: 45px; line-height: 45px; display: block; background:url(../images/addico3.png) center no-repeat #0d7ac9;border: #bbbbbb 1px solid; border-top: none; }
.addbox{ border: #ccc 1px solid; margin-top: 30px; background: #fff; }
.addbox .list-group-item2{ padding: 0; margin-bottom: 0; border: none; border-bottom: #ccc 1px solid;}
.addbox ol{ margin: 0; border-top: #ccc 1px solid;}
.addbox li{ background: #fff; height: 45px; line-height: 45px; display:block;border-bottom: #ccc 1px solid; }
.addbox li span{ margin-left: 10px;  height: 45px; line-height: 45px; display: inline-block; }
.addbox li a.delect{ background:url(../images/delectico.png) center no-repeat; float: right; display: inline; width: 45px; height: 45px; text-indent: -9999px; overflow: hidden;  } 
.addbox li a.add{ background:url(../images/addico2.png) center no-repeat; float: right; display: inline; width: 45px; height: 45px; text-indent: -9999px; overflow: hidden;  }
.addbox li span.glyphicon{ background:url(../images/moveico.jpg) center  no-repeat; text-indent: -99999px; overflow: hidden; display:block; float: left; width: 19px; }
.addbox .btn-group{ margin: 10px; width: 540px; }
.addbox .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){ background: #fff; width: 515px;  text-align: left; padding: 8px 10px 7px;}
.addbox .dropdown-menu{ width: 540px; }
.addbox textarea{ display: block; margin:0  10px 10px 10px;  width: 540px; border-radius: 0; }
.addbox{ border: #ccc 1px solid; margin-top: 30px; background: #fff; }
.addbox .list-group-item2{ padding: 0; margin-bottom: 0; border: none; border-bottom: #ccc 1px solid;}
.addbox ol{ margin: 0; border-top: #ccc 1px solid;}
.addbox li{ background: #fff; height: 45px; line-height: 45px; display:block;border-bottom: #ccc 1px solid; }
.addbox li span{ margin-left: 10px;  height: 45px; line-height: 45px; display: inline-block; }
.addbox li a.delect{ background:url(../images/delectico.png) center no-repeat; float: right; display: inline; width: 45px; height: 45px; text-indent: -9999px; overflow: hidden;  }
.addbox li a.add{ background:url(../images/addico2.png) center no-repeat; float: right; display: inline; width: 45px; height: 45px; text-indent: -9999px; overflow: hidden;  }
.addbox li span.glyphicon{ background:url(../images/moveico.jpg) center  no-repeat; text-indent: -99999px; overflow: hidden; display:block; float: left; width: 19px; }
.addbox .btn-group{ margin: 10px; width: 540px; }
.addbox .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){ background: #fff; width: 515px;  text-align: left; padding: 8px 10px 7px;}
.addbox .dropdown-menu{ width: 540px; }
.addbox textarea{ display: block; margin:0  10px 10px 10px;  width: 540px; border-radius: 0; }
.addbox .dropdown-menu li{ border: none; line-height: 30px; height: 30px; }
.addbox .dropdown-menu li.divider{ height: 1px; }
.addbox input[type="radio"]{ position: relative; top:10px ; margin-right: 15px; line-height: 45px; width: 16px; height: 16px; float: left; display: inline; }
.pagecon .addbox li label{ float: left; line-height: 45px;}
.pagecon .courseform  button.cancelbtn{ background: #ffffff; border: #ccc 1px solid; width: 208px; height: 44px; line-height: 44px; font-size: 16px; text-align: center; display: inline; float: left; }
.pagecon .courseform  button.addbtn{color:#fff; background: #0072c6; border: #ccc 1px solid; width: 208px; height: 44px; line-height: 44px; font-size: 16px; text-align: center; display: inline; float: right; }

.addbox .dropdown-menu li{ border: none; line-height: 30px; height: 30px; }
.addbox .dropdown-menu li.divider{ height: 1px; }
.addbox input[type="radio"]{ position: relative; top:10px ; margin-right: 15px; line-height: 45px; width: 16px; height: 16px; float: left; display: inline; }

@media (max-width: 1199px) {
	.row-fluid .span10{ min-width: 1000px; margin-left: 180px; }

}

@media (min-width: 1200px) {
	.row-fluid  .span2{ width: 15%;}
	.row-fluid  .span10{  margin-left: 15% ; width: 85%}
}




@font-face {
	font-family:Segoe UI;
	src:url("https://www.microsoft.com/fonts/segoe-ui/west-european/light/latest.eot");
	src:local("Segoe UI Light"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/light/latest.eot?#iefix") format("embedded-opentype"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/light/latest.woff") format("woff"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/light/latest.ttf") format("truetype"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/light/latest.svg#web") format("svg");
	font-weight:200;
	font-style:normal
}

@font-face {
	font-family:Segoe UI;
	src:url("https://www.microsoft.com/fonts/segoe-ui/west-european/semilight/latest.eot");
	src:local("Segoe UI Semilight"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/semilight/latest.eot?#iefix") format("embedded-opentype"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/semilight/latest.woff") format("woff"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/semilight/latest.ttf") format("truetype"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/semilight/latest.svg#web") format("svg");
	font-weight:300;
	font-style:normal
}

@font-face {
	font-family:Segoe UI;
	src:url("https://www.microsoft.com/fonts/segoe-ui/west-european/normal/latest.eot");
	src:local("Segoe UI"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/normal/latest.eot?#iefix") format("embedded-opentype"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/normal/latest.woff") format("woff"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/normal/latest.ttf") format("truetype"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/normal/latest.svg#web") format("svg");
	font-weight:400;
	font-style:normal
}

@font-face {
	font-family:Segoe UI;
	src:url("https://www.microsoft.com/fonts/segoe-ui/west-european/semibold/latest.eot");src:local("Segoe UI Semibold"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/semibold/latest.eot?#iefix") format("embedded-opentype"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/semibold/latest.woff") format("woff"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/semibold/latest.ttf") format("truetype"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/semibold/latest.svg#web") format("svg");font-weight:600;font-style:normal
}

@font-face {
	font-family:Segoe UI;
	src:url("https://www.microsoft.com/fonts/segoe-ui/west-european/bold/latest.eot");src:local("Segoe UI Bold"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/bold/latest.eot?#iefix") format("embedded-opentype"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/bold/latest.woff") format("woff"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/bold/latest.ttf") format("truetype"),url("https://www.microsoft.com/fonts/segoe-ui/west-european/bold/latest.svg#web") format("svg");font-weight:700;font-style:normal
}

@font-face {
	font-family:Segoe UI Web;
	src:local("Segoe UI Web Light");
	font-weight:200;
	font-style:normal
}

@font-face {
	font-family:Segoe UI Web;
	src:local("Segoe UI Web Semilight");
	font-weight:300;
	font-style:normal
}

@font-face {
	font-family:Segoe UI Web;
	src:local("Segoe UI Web Regular");
	font-weight:400;
	font-style:normal
}

@font-face {
	font-family:Segoe UI Web;
	src:local("Segoe UI Web Semibold");
	font-weight:600;
	font-style:normal
}

@font-face {
	font-family:Segoe UI Web;
	src:local("Segoe UI Web Bold");
	font-weight:700;
	font-style:normal
}

@font-face {
	font-family:Helvetica Neue;
	src:local("HelveticaNeue-Light");
	font-weight:200;
	font-style:normal
}

@font-face {
	font-family:Helvetica Neue;
	src:local("HelveticaNeue-Semilight");
	font-weight:300;
	font-style:normal
}

@font-face {
	font-family:Helvetica Neue;
	src:local("Helvetica Neue");
	font-weight:400;
	font-style:normal
}

@font-face {
	font-family:Helvetica Neue;
	src:local("HelveticaNeue-Medium");
	font-weight:600;
	font-style:normal
}

@font-face {
	font-family:Helvetica Neue;
	src:local("HelveticaNeue-Bold");
	font-weight:700;
	font-style:normal
}











